/* 
    Document   : header
    Created on : 10-ott-2011, 12.26.08
    Author     : francesco
    Description: header for whichclub.it
*/
#header{
    margin: auto;
    position: relative;
    width: 1009px;
}

a.event{
    /*border: 5px solid #6699FF;*/
    background-color: #6699FF;
    height: 50px;
    width:  50px;
    -moz-border-radius:     50px 50px 50px 50px;
    -webkit-border-radius:  50px 50px 50px 50px;
    border-radius:          50px 50px 50px 50px;
    behavior: url(border-radius.htc);
    float: right;
    text-decoration: none;
    color: white;
    font-size: 12px;
    margin: 10px;
}

a.event:hover{
    /*border: 5px solid #6699FF;*/
    background-color: #f22885;
    text-decoration: none;
}

a.tavolo{
    /*border: 5px solid #6699FF;*/
    background-color: #6699FF;
    height: 50px;
    width:  135px;
    -moz-border-radius:     50px 50px 50px 50px;
    -webkit-border-radius:  50px 50px 50px 50px;
    border-radius:          50px 50px 50px 50px;
    behavior: url(border-radius.htc);
    float: right;
    text-decoration: none;
    color: white;
    font-size: 12px;
    margin: 10px;
}

a.tavolo:hover{
    /*border: 5px solid #6699FF;*/
    background-color: #f22885;
    text-decoration: none;
}

span.event_sp {
    margin: 0px 0px 0px 10px;
}
#hleft{
    float: left;
    width: 480px;
    -moz-border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px -30px;
    border-radius: 30px 30px 0px 0px;
    behavior: url(border-radius.htc);

    border-top:5px solid #6699FF;
    border-right:5px solid #6699FF;
    border-left:5px solid #6699FF;

    min-height: 300px;
    position: relative;
}

#calendar-box{
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    behavior: url(border-radius.htc);

    height: 280px;
    width: 440px;
    background-color: white;
    margin: 20px 0 0 20px;
}

#hright{
    float: right;
    width: 508px;
    min-height: 100px;
    position: relative;
}

#top-h3{
    width: 300px;
    margin: 0px 0px 0px 80px;
}


#logo {
    width: 500px;
    float: right;

}

#logo-img{
    float: left;
    margin: 0px 0px 0px 20px;
}

#topnav{
    float:right;
    width: 500px;
    margin: 30px 30px 0px 0px;
    /*    position: relative; */
}

ul#navigation {
    text-transform: uppercase;
/*    width: 600px;*/
}
ul#navigation li {
    display: inline;
    float: left;
    margin-left: 35px;
    position: relative;
}
ul#navigation li a {
    /*color: #6699FF;*/
/*    background-color: #0D163C;*/
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

p.social {
   /*background: url(../../images/twitter.gif) center right no-repeat;*/
   float: right;
   font-size: 12px;
   color: #FFF;
   margin: 0px 0px 10px 0px;
/*   padding: 5px 30px 5px 0;*/
}

p.partner {
   background: none;
   float: left;
   font-size: 12px;
   color: #FFF;
   margin: 0px 0px 10px 0px;
/*   padding: 5px 30px 5px 0; */
}

a.top-tip {
    TEXT-DECORATION: none;
}
a.top-tip:hover {
    CURSOR: pointer;
    POSITION: relative;
    color: white;
    TEXT-DECORATION: none;
}
a.top-tip SPAN {
	DISPLAY: none;
	color: #000;
}
a.top-tip:hover SPAN {
    BORDER-RIGHT: #c0c0c0 1px dotted;
	PADDING-RIGHT: 20px;
	BORDER-TOP: #c0c0c0 1px dotted;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	Z-INDEX: 100;
	BACKGROUND: #f0f0f0 no-repeat 100% 5%;
	LEFT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px;
	BORDER-LEFT: #c0c0c0 1px dotted;
	WIDTH: 100px; PADDING-TOP: 5px;
	BORDER-BOTTOM: #c0c0c0 1px dotted;
	POSITION: absolute; TOP: 10px;
	TEXT-DECORATION: none;
}

#fix-rect{
    width: 1005px;
    height: 35px;
    border-left:5px solid #6699FF;
    margin: auto;
}
#rect {
    border-top:5px solid #6699FF;
    border-right:5px solid #6699FF;

    height: 30px;
    width: 520px;

    float: right;

    -moz-border-radius: 0px 30px 0px 0px;
    -webkit-border-radius: 0px 30px 0px 0px;
    border-radius: 0px 30px 0px 0px;
    behavior: url(border-radius.htc);
}

/* submenu, it's hidden by default */
#navigation ul {
        position:absolute;
        display:none;
        left: 0px;
        padding:0px 0px 0px 0px;
        list-style:none;
        background-color: #0D163C;
        z-index:999999;
}

#navigation ul li {
        /*width:100px;*/
        margin:0px 10px 0px 0px; /*-35px*/
        padding: 0px 0px 0px 0px;
        float:left;
        left: 0px;
/*        border-top:1px solid #fff;*/
}